<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>12-猜数字游戏设定次数</title>
  </head>
  <body>
    <script>
      //1. 随机生成一个数字 1~10
      function getRandom(N, M) {
        return Math.floor(Math.random() * (10 - 1 + 1)) + 1
      }
      let random = getRandom(1, 10)
      console.log(random)
      //需要不断循环，while循环没有次数限制，for循环有限制
      //限制 3 次

      //第一种写法
      // for (let i = 0; i <= 3; i++) {
      //   if (i >= 3) {
      //     alert('次数已用完')
      //     break
      //   } else {
      //     //2. 用户输入一个值
      //     let num = +prompt('请输入1~10之间的数字：')
      //     //3. 判断输出
      //     if (num > random) {
      //       alert('猜大了')
      //     } else if (num < random) {
      //       alert('猜小了')
      //     } else {
      //       alert('恭喜你猜对了')
      //       break //退出循环
      //     }
      //   }
      // }

      //第二种写法
      let flag = true // 开关变量

      for (let i = 0; i < 3; i++) {
        //2. 用户输入一个值
        let num = +prompt('请输入1~10之间的数字：')
        //3. 判断输出
        if (num > random) {
          alert('猜大了')
        } else if (num < random) {
          alert('猜小了')
        } else {
          flag = false //这里没太懂为什么 要这么做
          alert('恭喜你猜对了')
          break //退出循环
        }
      }
      if (flag) {
        alert('次数用完了')
      }
    </script>
  </body>
</html>
